<%@ page contentType="text/html;charset=UTF-8"%>
<%-- <%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%> --%>
<%@ include file="/WEB-INF/views/include/head.jsp"%>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
    <link href="../islider/islider.css" rel="stylesheet">
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

        #iSlider {
            position: absolute;
            width: 100%;
            height:62.5%;
            overflow: hidden;
        }
    </style>

</head>
<body>
<div style="vertical-align: middle;width: 100%;height: 100%;">
<div id="iSlider"></div>
</div>

<script type="text/javascript" src="../islider/islider.js"></script>
<script>

$(document).ready(function() {
	
	initPage();
});

function initPage(){
	
	var imginfo = parent.imginfos; 
	var islider = new iSlider({
	    data: imginfo,
	    type: 'dom',
	    dom: document.getElementById("iSlider"),
	    duration: 1000,
	    isLooping: true,
	    isAutoPlay: true,
	    fixPage: true
	});
	islider.addDot();
}

</script>
</body>
</html>
